<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | jqGrid</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <link href="css/plugins/jqGrid/ui.jqgrid.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/mystyle.css" rel="stylesheet">

    <style>
        /* Additional style to fix warning dialog position */
        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>
</head>

<body>
<input type="hidden" value="<%=path%>" id="path">
<div id="wrapper">

    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" src="./img/logo_blue.png" />
                             </span>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a href="profile.html">Profile</a></li>
                            <li><a href="contacts.html">Contacts</a></li>
                            <li><a href="mailbox.html">Mailbox</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html">Logout</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        CMCC
                    </div>
                </li>
                <li class="active">
                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">参数导入</span></a>
                </li>
                <li>
                    <a href="./html/waitProcess.html"><i class="fa fa-diamond"></i> <span class="nav-label">待处理</span></a>
                </li>
                <li>
                    <a href="metrics.html"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">工单派发</span></a>
                </li>
                <li>
                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">指标统计</span></a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">查询</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="form_basic.html">工单查询</a></li>
                        <li><a href="form_advanced.html">问题点查询</a></li>
                        <li><a href="form_wizard.html">专项项目列查询</a></li>
                        <li><a href="form_file_upload.html">问题集查询</a></li>
                        <li><a href="form_editors.html">暂挂库查询</a></li>
                    </ul>
                </li>
                <li>
                    <a href="basic_gallery.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">已处理</span>  </a>
                </li>
                <li>
                    <a href="graph_peity.html"><i class="fa fa-flask"></i> <span class="nav-label">工单统计</span></a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">帮助</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="contacts.html">工单规则</a></li>
                        <li><a href="profile.html">流程图</a></li>
                    </ul>
                </li>
                <li>
                    <a href="invoice.html"><i class="fa fa-files-o"></i> <span class="nav-label">使用统计</span></a>
                </li>
                <li>
                    <a href="typography.html"><i class="fa fa-flask"></i> <span class="nav-label">专项派发</span></a>
                </li>
                <li>
                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">一键处理</span></a>
                </li>
            </ul>
        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                    <form role="search" class="navbar-form-custom" action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">网优中心-刘华明</span>
                    </li>
                    <li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> Log out
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>待办</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a>待办</a>
                    </li>
                </ol>
            </div>
        </div>
        <div class="wrapper wrapper-content  animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox ">
                        <form >
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="input-group">
							      <span class="input-group-btn">
							   		 <button class="btn btn-default" type="button">开始时间：</button>
							      </span>
                                        <input type="text" class="form-control" placeholder="Search for...">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="input-group">
							      <span class="input-group-btn">
							   		 <button class="btn btn-default" type="button">结束时间：</button>
							      </span>
                                        <input type="text" class="form-control" placeholder="Search for...">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="input-group">
							       <span class="input-group-btn">
							   		 <button class="btn btn-default" type="button">问题大类：</button>
							      </span>
                                        <input type="text" class="form-control" placeholder="Search for...">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-8"></div>
                                <div class="col-lg-4">
                                    <div class="input-group">
                                        <button type="button" class="btn btn-primary btn-right" role="dialog" data-toggle="modal" data-target=".bs-example-modal-lg">查询</button>
                                        <button type="button" class="btn btn-primary btn-right" role="dialog" data-toggle="modal" data-target=".bs-example-modal-lg">重置</button>
                                        <button type="button" class="btn btn-primary btn-right" role="dialog" data-toggle="modal" data-target=".bs-example-modal-lg">高级查询</button>
                                    </div>
                                    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="gridSystemModalLabel">高级查询</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">开始时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">结束时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">开始时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">结束时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="input-group ">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">开始时间：</button>
											      </span>
                                                                <select class="form-control form-select">
                                                                    <option>1</option>
                                                                    <option>2</option>
                                                                    <option>3</option>
                                                                    <option>4</option>
                                                                    <option>5</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">结束时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">开始时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">结束时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">开始时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-group">
											      <span class="input-group-btn">
											   		 <button class="btn btn-default" type="button">结束时间：</button>
											      </span>
                                                                <input type="text" class="form-control" placeholder="Search for...">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                    <button type="button" class="btn btn-primary">查询</button>
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->


                                </div>
                            </div>
                        </form>
                        <div class="ibox-content">
                            <div class="jqGrid_wrapper">
                                <table id="table_list_2"></table>
                                <div id="pager_list_2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

    </div>
</div>



<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Peity -->
<script src="js/plugins/peity/jquery.peity.min.js"></script>

<!-- jqGrid -->
<script src="js/plugins/jqGrid/i18n/grid.locale-en.js"></script>
<script src="js/plugins/jqGrid/jquery.jqGrid.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>

<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>


<script>
    $(document).ready(function () {


        // Examle data for jqGrid
        var mydata = [
            {"total":3278, "rows":
                    [
                        {"PROCESS_ID":605951,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"干扰","CREATE_":"2017-03-24 13:40","X14":null,"CREATOR":"wnss_skill","SNUM":1,"INTERCEPTION":2,"KEY":"ah-20170324-0-02219","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"高新南区","X24":null,"X6":"460-00-378535-131","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"XN","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170324-0-02219","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":605932,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"干扰","CREATE_":"2017-03-24 13:40","X14":null,"CREATOR":"wnss_skill","SNUM":2,"INTERCEPTION":2,"KEY":"ah-20170324-0-02218","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"高新南区","X24":null,"X6":"460-00-377303-130","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"XN","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170324-0-02218","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":605906,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"干扰","CREATE_":"2017-03-24 13:40","X14":null,"CREATOR":"wnss_skill","SNUM":3,"INTERCEPTION":2,"KEY":"ah-20170324-0-02217","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"高新南区","X24":null,"X6":"460-00-377303-129","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"XN","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170324-0-02217","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536528,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:53","X14":null,"CREATOR":"wnss_skill","SNUM":4,"INTERCEPTION":2,"KEY":"ah-20170321-0-02216","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10257","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02216","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536509,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:52","X14":null,"CREATOR":"wnss_skill","SNUM":5,"INTERCEPTION":2,"KEY":"ah-20170321-0-02215","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10259","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02215","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536490,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:52","X14":null,"CREATOR":"wnss_skill","SNUM":6,"INTERCEPTION":2,"KEY":"ah-20170321-0-02214","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10258","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02214","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536471,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:52","X14":null,"CREATOR":"wnss_skill","SNUM":7,"INTERCEPTION":2,"KEY":"ah-20170321-0-02213","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10259","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02213","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536452,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:52","X14":null,"CREATOR":"wnss_skill","SNUM":8,"INTERCEPTION":2,"KEY":"ah-20170321-0-02212","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10258","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02212","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536433,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:51","X14":null,"CREATOR":"wnss_skill","SNUM":9,"INTERCEPTION":2,"KEY":"ah-20170321-0-02211","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"青白江区","X24":null,"X6":"400-00-61924-10257","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"ATU","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02211","STATUS_":5,"SATISFACTION":null},
                        {"PROCESS_ID":536413,"SUBJECT":"性能-数据专题","STATE":"闭环","BASEPROBLEM":"其他","CREATE_":"2017-03-21 17:37","X14":null,"CREATOR":"wnss_skill","SNUM":10,"INTERCEPTION":2,"KEY":"ah-20170321-0-02210","TASK_ID":-1,"X16":null,"X15":null,"DEALPEOPLE":null,"TASK_NAME_":"闭环","X9":"1","X1":"成都","X5":"高新西区","X24":null,"X6":"400-00-61924-10257","X25":null,"ISTIMEOUT":"未超时","DEALDATE":null,"PTYPE":"MR","DEADLINE":null,"CGINUM":1,"TIMES":"1","DISTRIBUTE":0,"FLOW_NAME":"集中优化管理V2","KEY_":"ah-20170321-0-02210","STATUS_":5,"SATISFACTION":null}
                    ]
            }
        ];
        var path =
                $("#table_list_2").jqGrid({
                    datatype: "json",
                    height: 450,
                    multiselect: true,
                    autowidth: true,
                    shrinkToFit: false,
                    url:'/uflow/ctaProcessQuery.do?method=ProcessDealList',
                    rowNum: 20,
                    rowList: [10, 20, 30],
                    repeatitems : false,
                    colNames:['CGI','工单编号', '分公司', '区县','问题集个数','问题点个数','工单创建时间','根问题','问题大类','CGI个数'],
                    colModel:[
                        {name:'X6',index:'X6', editable: true, width:150, search:true},
                        {name:'KEY',index:'KEY', editable: true, width:120},
                        {name:'X1',index:'X1', editable: true, width:100},
                        {name:'X5',index:'X5', editable: true, width:80, align:"right"},
                        {name:'X9',index:'X9', editable: true, width:80, align:"right",sorttype:"float"},
                        {name:'CREATE_',index:'CREATE_', editable: true, width:80,align:"right",sorttype:"float"},
                        {name:'BASEPROBLEM',index:'BASEPROBLEM', editable: true, width:80,align:"right",sorttype:"float"},
                        {name:'PTYPE',index:'PTYPE', editable: true, width:80,align:"right",sorttype:"float"},
                        {name:'CGINUM',index:'CGINUM', editable: true, width:80,align:"right",sorttype:"float"},
                        {name:'ISTIMEOUT',index:'ISTIMEOUT', editable: true, width:100, sortable:false}
                    ],
                    pager: "#pager_list_2",
                    viewrecords: true,
                    caption: "待处理工单",
                    autoScroll: true,
                    hidegrid: false
                });
        jQuery("#m1").click( function() {
            var s;
            s = jQuery("#table_list_2").jqGrid('getGridParam','selarrrow');
            alert(s);
        });
        // Add selection
        $("#table_list_2").setSelection(4, true);


        // Setup buttons
        $("#table_list_2").jqGrid('navGrid', '#pager_list_2',
                {edit: false, add: false, del: false, search: true},
                {height: 200, reloadAfterSubmit: true}
        );

        // Add responsive to jqGrid
        $(window).bind('resize', function () {
            var width = $('.jqGrid_wrapper').width();
            $('#table_list_2').setGridWidth(width);
        });
    });

</script>


</body>

</html>
